<meta charset="utf-8">

<div class="tab-item">
	<div class="tab-header layui-card">
		<span class="layui-breadcrumb" style="visibility: visible;"> <a
			href="">管理员窗口</a> <a><cite>用户管理</cite></a>
		</span>
	</div>

	<div class="tab-content">
		<div class="lay-inline">
			<table class="layui-table" id="article_table"
				lay-filter="article_table"></table>
		</div>
	</div>
</div>

<script>
	//layui.use('element', layui.factory('element'));

	layui.use([ 'table', 'layer', 'jquery','element' ], function() {
		var table = layui.table;
		var layer = layui.layer;
		var $ = layui.$;

		//第一个实例
		table.render({
			elem : '#article_table',
			height : 'full-150',
			width : 818,
			url : '/articlemg/getarticlelist',
			toolbar : 'default',
			title : '我创建的所有文章',
			//开启分页
			page : true,
			cols : [ [ //表头
			{
				type : 'checkbox',
				fixed : 'left'
			}, {
				field : 'id',
				title : '序号',
				width : 80,
				fixed : 'left'
			}, {
				field : 'title',
				title : '文章名',
				width : 250,
				sort : true,
				fixed : 'left'
			}, {
				field : 'createdate',
				title : '创建时间',
				width : 180,
				sort : true
			}, {
				field : 'updateDate',
				title : '最近更新时间',
				width : 180
			}, {
				field : 'creator',
				title : '创建者',
				width : 180
			}, {
				field : 'status',
				title : '状态',
				width : 80,
				sort : true
			} ] ]
		});

		//监听事件
		table.on('toolbar(article_table)', function(obj) {
			var checkStatus = table.checkStatus(obj.config.id);
			switch (obj.event) {
			case 'add':
				layer.open({
					type : 2 //此处以iframe举例
					,
					title : '新建文章',
					area : [ '1000px', '600px' ]
					//,shade: 0
					,
					maxmin : true,
					offset : [ 0,($(window).width()-1000)/2],
					content : '/articlemg/addarticlepage',
					zIndex : layer.zIndex //重点1
					,end:function(){
						$("dd.layui-this>a").click();
					}
				});
				break;
			case 'delete':
				layer.msg('删除');
				break;
			case 'update':
				layer.msg('编辑');
				break;
			}
			;
		});

	});
</script>